<demo>基础用法</demo>
<template>
  <Tabs v-model:selected="x">
    <Tab title="导航1">
      <div>内容1</div>
      <div>内容1</div>
      <div>内容1</div>
      <div>内容1</div>
    </Tab>
    <Tab title="导航2">
      <div>内容2</div>
      <div>内容2</div>
      <div>内容2</div>
      <div>内容2</div>
    </Tab>
    <Tab title="长的导航3">
      <div>内容3</div>
      <div>内容3</div>
      <div>内容3</div>
      <div>内容3</div>
    </Tab>
  </Tabs>
</template>

<script>
import Tabs from "../lib/Tabs.vue";
import Tab from "../lib/Tab.vue";
import { ref } from "vue";
export default {
  components: {
    Tabs,
    Tab,
  },
  setup() {
    const x = ref("导航2");
    return {
      x,
    };
  },
};
</script>

<style>
</style>